
//================================购物车轮播图部分

// 鼠标划入时显示btn按钮
$(".hot-rec").mouseenter(function(){
	$(".hot-rec .btn").addClass("active");
	
})

$(".hot-rec").mouseleave(function(){
	$(".hot-rec .btn").removeClass("active");
	
})


//   给 轮播图btn按钮添加点击 事件




// =========================== 购物车 商品 添加部分

// 跳转到购物车页面时查看本地是否有 商品   有则显示商品列表   无则显示空 

ifshow();


function ifshow(){
	if(numTotal()){
	//alert(1)
	$("#car_main .cart-title .status").removeClass("hide");
	$("#cart .shop-bag-has").removeClass("hide");
	$("#cart #car_main .shop-bag-empty .g-empty").addClass("hide");

}else{
	//alert(0)
	$("#car_main .cart-title .status").addClass("hide");
	$("#cart .shop-bag-has").addClass("hide");
	$("#cart #car_main .shop-bag-empty .g-empty").removeClass("hide");
	
	}
}

//将 本地商品数据提取出来  ，并追加到购物车商品 列表中

var arr = getDate();
for(var i=0,len=arr.length;i<len;i++){
	//商品信息部分的字符串拼接
	           var str =            '<li class="select">'+
										'<input type="checkbox" name="" id="oneCheck" value="" />'+
										'<em class=""></em>'+
									'</li>'+
									
									'<li class="message">'+
										'<dl>'+
											'<dt><a href="'+arr[i].url+'"><img src="'+arr[i].imgSrc+'"/></a></dt>'+
											'<dd>'+
												'<h4>'+arr[i].desc+'</h4>'+
												'<p>'+
													'<span class="color">'+
														arr[i].color+
													'</span>'+
													'<span class="size">'+
														arr[i].size+
													'</span>'+
												'</p>'+
												'<h3>'+
													'<img src="../images/cart/icon/sf.png"/>'+
													'香港3号仓'+
												'</h3>'+
											'</dd>'+
										'</dl>'+
									'</li>'+
									
									'<li class="g-price">'+
										''+
										'<span class="price">'+arr[i].price+'.00</span>'+
									'</li>'+
									
									'<li class="amount">'+
										'<div>'+
											'<span class="down">-</span>'+
											'<input class="num" type="text" readonly="readonly" value="'+arr[i].count+'" />'+
											'<span class="up">+</span>'+
										'</div>'+
										'<p></p>'+
									'</li>'+

									
									'<li class="subtotal">'+
										''+
										'<span class="submoney">'+arr[i].count*arr[i].price+'</span>'+
									'</li>'+

									
									'<li class="g-del">'+
										'<div class="del"></div>'+
									'</li>';
							
			//限时优惠商品标题的字符串拼接				
			
				var title = 	'<p>'+
									'<span class="lbg left"></span>'+
									'<em class="left">限时优惠</em>'+
									'<span class="rbg left"></span>'+
								'</p>'+
								'<dl><dt></dt></dl>'+
								'<a href="">去凑单</a>';
			
			var n = parseInt(len/2);
			if(i==n){
				var div1 = $('<div class="shop-item not"></div>');
			}else{
				var div1 = $('<div class="shop-item"></div>');
			}
			
			var div2 = $('<div class="shop-list"></div>');		
			var ul = $('<ul pid="'+arr[i].pid+'"></ul>');
			var act = Number(arr[i].active);
			//console.log(act)
			if(act){
				var div3 = $('<div class="shop-title"></div>');
				div3.html(title).appendTo(div1);
				
			}
			
			ul.html(str).appendTo(div2);
			div2.appendTo(div1);
			div1.appendTo($(".shop-bag-has"));
			
			//console.log(typeof arr[i].active)
			
									
									
									
									
}

			var bstr = 	
							'<p>'+
								'<input type="checkbox" name="" id="select_all" value="" />'+
								'<em class=""></em>'+
								'<label for="select_all">全选</label>'+
							'</p>'+
							
							'<dl>'+
								'<dt>'+
											'<p>'+
											
												'<b>总计：</b>'+
												'<span>'+
													'¥'+
													'<span id="total_price">0</span>'+
													
												'</span>'+
												
											'</p>'+
										'</dt>'+
								'<dd>'+
									'<a href="###">去结算</a>'+
								'</dd>'+
							'</dl>';

						
						
			$('<div class="total-price"></div>').html(bstr).appendTo($(".shop-bag-has"));





//  全选框 发生改变时

$("#select_all").change(function(){
	
	var flag = this.checked;
	if(flag){
		$(this).next().addClass("on");
		
		//$(".shop-list .select em").addClass("on");
	}else{
		$(this).next().removeClass("on");
		
	}
	
	//console.log(flag)
	$.each($(".shop-list .select input"),function(a,b){
		b.checked = flag;
		//console.log(b.checked)
		
	})
	
	$(".shop-list .select input").change();
})

//  复选 框 被勾选时  样式 变为勾选状态

$(".shop-list .select input").change(function(){
	//alert(this.checked)
	
	if(this.checked){
		ifSelectAll();
		$(this).next().addClass("on");
		totalPrice();
		//$(".shop-list .select em").addClass("on");
	}else{
		ifSelectAll();
		$(this).next().removeClass("on");
		totalPrice();
	}
	
})



// 计算所勾选商品总价格

function totalPrice(){
	var arr = $(".shop-list .select input");
	var sum =0;
	for(var i=0,len=arr.length;i<len;i++){
		if(arr[i].checked){
			var xj = Number($(arr[i]).parents("ul").find(".submoney").html());
			sum+=xj;
		}

	}
	
	$("#total_price").html(sum+".00");
	
	return sum;
	
	
	
}

//  当所有的复选框都被选中时  ，全选框也被选中

function ifSelectAll(){
	var flag =true;
	$.each($(".shop-list .select input"),function(a,b){
		if(b.checked==false){
			flag = false;
		}
		
	})
	
	$("#select_all")[0].checked =flag;
	if(flag){
		$("#select_all").next().addClass("on");
		
		//$(".shop-list .select em").addClass("on");
	}else{
		$("#select_all").next().removeClass("on");
		
	}
	
}


// 点击+号 按钮时数量加1
$(".shop-list .amount .up").click(function(){
	$(this).parents("ul").find("#oneCheck")[0].checked = true;
	
	var pid = $(this).parents("ul").attr("pid");
	var price = $(this).parents("ul").find(".price").html();
	//alert(price)
	var n = Number($(this).prev().val());
	n++;
	$(this).prev().val(n);
	addCount(pid,1);
	
	$(this).parents("ul").find(".submoney").html(price*n);
	$(".shop-list .select input").change();
	
	
})


// 点击-号 按钮时数量减1
$(".shop-list .amount .down").click(function(){
	$(this).parents("ul").find("#oneCheck")[0].checked = true;
	
	var pid = $(this).parents("ul").attr("pid");
	var price = $(this).parents("ul").find(".price").html();
	//alert(price)
	var n = Number($(this).next().val());
	n--;
	if(n<1){
		$(".shop-list .select input").change();
		return;
		//$(this).next().val(n);
	}
	$(this).next().val(n);
	addCount(pid,-1);
	
	$(this).parents("ul").find(".submoney").html(price*n);
	$(".shop-list .select input").change();
	
	
})

// 点击删除 按钮时 删除商品当前ul 外面的 div
$(".shop-list .del").click(function(){
	//console.log($.cookie("goods"))
	var pid = $(this).parents("ul").attr("pid");
	//console.log(pid)
	//console.log($(this).parents(".shop-item"))
	$(this).parents(".shop-item").remove();
	delGoods(pid);
	numTotal();
	
	ifshow();
	
})



// 动态生成购物车轮播图

$.get("http://127.0.0.1/YJProject/server/home.json",function(data){
	
	       		//动态生成【购物车页面】的【轮播图】
			 var car_obj =  data.car_lbt;
			 var arr1 = car_obj.one;
			 var arr2 = car_obj.two;
			 var path = "http://127.0.0.1/YJProject/images/cart/cart_lbt/";
			 //动态生成第一行  分别追加到2个div中
			// console.log(arr1)
			
			
			
			 for(var i=0,len=arr1.length;i<len;i++){
			 	var str =    	'<dt>'+
								
									'<a href="'+arr1[i].url+"?pid="+arr1[i].pid+'">'+
										'<img src="'+path+arr1[i].imgsrc+'"/>'+
									'</a>'+
								'</dt>'+
								'<dd>'+
									'<h2>'+
										'<a href="'+arr1[i].url+"?pid="+arr1[i].pid+'">'+arr1[i].title+'</a>'+
									'</h2>'+

									'<div class="price">'+
										'<p class="left">￥<span>'+arr1[i].price+'.00</span></p>'+
										'<em class="left">￥<span>'+arr1[i].mark_price+'.00</span></em>'+
									'</div>'+
								'</dd>';
			
							
				if(i==len-1){
						var dl1 = $('<dl pid="'+arr1[i].pid+'" class="left good none"></dl>');
					}else{
						var dl1 = $('<dl pid="'+arr1[i].pid+'" class="left good"></dl>');
					}
				dl1.html(str);
				dl1.appendTo($("#cart .hot-rec .tab1.tab.active"));
				//dl.appendTo($("#cart .hot-rec .tab2.tab"));
			
			 }
			 
			 //动态生成第2行分别追加到两个div中
			 for(var i=0,len=arr2.length;i<len;i++){
			 	var str =    	'<dt>'+
								
									'<a href="'+arr2[i].url+"?pid="+arr2[i].pid+'">'+
										'<img src="'+path+arr2[i].imgsrc+'"/>'+
									'</a>'+
								'</dt>'+
								'<dd>'+
									'<h2>'+
										'<a href="'+arr2[i].url+"?pid="+arr2[i].pid+'">'+arr2[i].title+'</a>'+
									'</h2>'+

									'<div class="price">'+
										'<p class="left">￥<span>'+arr2[i].price+'.00</span></p>'+
										'<em class="left">￥<span>'+arr2[i].mark_price+'.00</span></em>'+
									'</div>'+
								'</dd>';
			
							
				if(i==len-1){
						var dl2 = $('<dl pid="'+arr2[i].pid+'" class="left good none"></dl>');
					}else{
						var dl2 = $('<dl pid="'+arr2[i].pid+'" class="left good"></dl>');
					}
				dl2.html(str);
				
				//dl2.appendTo($("#cart .hot-rec .tab2.tab"));
				dl2.appendTo($("#cart .hot-rec .tab1.tab.active"));
				
			 }
			 
			 
			  for(var i=0,len=arr2.length;i<len;i++){
			 	var str =    	'<dt>'+
								
									'<a href="'+arr2[i].url+"?pid="+arr2[i].pid+'">'+
										'<img src="'+path+arr2[i].imgsrc+'"/>'+
									'</a>'+
								'</dt>'+
								'<dd>'+
									'<h2>'+
										'<a href="'+arr2[i].url+"?pid="+arr2[i].pid+'">'+arr2[i].title+'</a>'+
									'</h2>'+

									'<div class="price">'+
										'<p class="left">￥<span>'+arr2[i].price+'.00</span></p>'+
										'<em class="left">￥<span>'+arr2[i].mark_price+'.00</span></em>'+
									'</div>'+
								'</dd>';
			
							
				if(i==len-1){
						var dl2 = $('<dl pid="'+arr2[i].pid+'" class="left good none"></dl>');
					}else{
						var dl2 = $('<dl pid="'+arr2[i].pid+'" class="left good"></dl>');
					}
				dl2.html(str);
				
				dl2.appendTo($("#cart .hot-rec .tab2.tab"));
				//dl2.appendTo($("#cart .hot-rec .tab1.tab.active"));
				
			 }
			 
			 for(var i=0,len=arr1.length;i<len;i++){
			 	var str =    	'<dt>'+
								
									'<a href="'+arr1[i].url+"?pid="+arr1[i].pid+'">'+
										'<img src="'+path+arr1[i].imgsrc+'"/>'+
									'</a>'+
								'</dt>'+
								'<dd>'+
									'<h2>'+
										'<a href="'+arr1[i].url+"?pid="+arr1[i].pid+'">'+arr1[i].title+'</a>'+
									'</h2>'+

									'<div class="price">'+
										'<p class="left">￥<span>'+arr1[i].price+'.00</span></p>'+
										'<em class="left">￥<span>'+arr1[i].mark_price+'.00</span></em>'+
									'</div>'+
								'</dd>';
			
							
				if(i==len-1){
						var dl1 = $('<dl pid="'+arr1[i].pid+'" class="left good none"></dl>');
					}else{
						var dl1 = $('<dl pid="'+arr1[i].pid+'" class="left good"></dl>');
					}
				dl1.html(str);
				//dl1.appendTo($("#cart .hot-rec .tab1.tab.active"));
				dl1.appendTo($("#cart .hot-rec .tab2.tab"));
			
			 }
			 
			 
			 
			 
			 
			 //给购物车轮播图绑定点击事件
			 carLunbo();
	
})


 //【购物车页面】轮播图点击事件
       
       function carLunbo(){
       	//   右侧按钮
var n = 0;
var flag =true;
$("#cart .hot-rec .rbtn").click(function(){
	
	if(flag){
		flag = false;
		
		if(n>1){
	  	n=0;
	  }
	 $("#cart .tab").eq(n).addClass("active").siblings().removeClass("active");
	 if(n-1==-1){
	 	$("#cart .tab").eq(0).css({left:0});
	 }
	 $("#cart .tab").eq(n-1).css({left:0});
	 $("#cart .tab").eq(n).animate({left:-1150},1000);
	 
	  n++;
	  
	  setTimeout(function(){flag = true;},1000)
		
	}

})

//   左侧按钮
var m= 1;
$("#cart .hot-rec .lbtn").click(function(){
	
	
	if(flag){
		flag = false;
		if(m==1){
			$("#cart .tab").css({left:-1150});
			
		}
		m++;
		n++;
		
		if(n>1){
	  	n=0;
	  }
	 $("#cart .tab").eq(n).addClass("active").siblings().removeClass("active");
	 if(n-1==-1){
	 	$("#cart .tab").eq(0).css({left:-1150});
	 }
	 $("#cart .tab").eq(n-1).css({left:-1150});
	 $("#cart .tab").eq(n).animate({left:0},1000);
	 
	  
	  
	  setTimeout(function(){flag = true;},1000)
		
	}

})

       	
       }

























